<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">  
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta name="format-detection" content="telephone=no" />
    <meta content="yes" name="mobile-web-app-capable">
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
	<title>${seo.title!''}</title>
  	<meta name="description" content="${seo.describe!''}"/>
    <meta name="keywords" content="${seo.keyword!''}"/>
	<link href="/images/favicon.ico" rel="shortcut icon" />
	<link rel="stylesheet" type="text/css" th:href="@{css/reception/bootstrap.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{css/reception/style.css}"/>
    <link rel="stylesheet" type="text/css" media="screen and (max-width:1199px)" th:href="@{css/reception/phone.css}"/>
	<!--[if IE 8]>
	<link rel="stylesheet" type="text/css" href="css/style.css"/>
	<![endif]-->
</head>
<body>
	<div id="partner">
		<nav class="nav"></nav>
		<section>
			<div class="partner banner">
				<div>
					<img src="images/partner/partner_bg1.jpg" title="" alt="">
				</div>
			</div>
			<div class="partner_con bg_eee">
				<dl class="w1200 visible">
					<dt>权威机构</dt>
					<dd>
						<a href="javascript:;">
							<img src="images/partner/institution1.png">
						</a>
					</dd>
					<dd>
						<a href="javascript:;">
							<img src="images/partner/institution2.png">
						</a>
					</dd>
				</dl>
				<dl class="w1200 visible">
					<dt>合作院校</dt>
					<dd>
						<a href="javascript:;">
							<img src="images/partner/partner_ school1.png">
						</a>
					</dd>
					<dd>
						<a href="javascript:;">
							<img src="images/partner/partner_ school2.png">
						</a>
					</dd>
				</dl>
			</div>
		</section>
		<footer>
			<div class="footer"></div>
		</footer>
	</div>
	<script type="text/javascript" th:src="@{libs/jquery-2.1.0.min.js}"></script>
    <script type="text/javascript" th:src="@{js/reception/style.js}"></script>
  	<script type="text/javascript">
	  	$(function(){
	        //选中样式
	        $('.nav').load('header.html',function () {
	          	$("#nav_partner>a").attr("class","active");
	          	$("#navList_partner>a").attr("class","active");
	        })
	        
			var elmArr = [],
			$win = $(window);
			$(".visible").each(function(i,elm){
				$(elm).data("ot",$(elm).offset().top);
				elmArr.push(elm);
			});
			dealClass(1);
			$win.on("scroll",dealClass);

			function dealClass(isRemove){
				var top = $win.height() + $win.scrollTop();
				if(isRemove!=1){
					for (var i = 0,$elem; i < elmArr.length; i++){
						$elem = $(elmArr[i]);
						if ($elem.data("ot") <= top){
							$elem.addClass("visible");
							elmArr.splice(i, 1);--i;}
					}
				}else{
					for (var i = 0,$elem; i < elmArr.length; i++){
						$elem = $(elmArr[i]);
						if ($elem.data("ot") >= top){
							$elem.removeClass("visible");
						}
					}
				}
			}

		})
  	</script>
</body>
</html>